<template>
    <div>
        <Header></Header>
        <Nav></Nav>
        <div class="content-box">
            <div class="content">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
    import Header from './Header';
    import Nav from './Nav';
    export default {
        name: 'Home',
        data () {
            return {
                msg: '主体页面'
            }
        },
        components: {
            Header,
            Nav
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .content-box {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        background: #fff;
        min-width: 1085px;
        transition: margin 0.5s;
        margin: 60px 0 0 180px;
    }

    .content-1recr_0.fold-1BB9A_0 {
        transition: margin 0.5s;
        margin-left: 60px;
    }

    .content-1recr_0.hasBulletin-1qRzA_0 {
        margin-top: 100px;
    }
</style>
